Project Vanilla Js

cartes extensibles

les cartes peuvents être utilisées dans n'importe quel projet, les cartes possédent un effet lors du hover,la largeur des images changent.

Barre de progression

une barre de progression qui s'avance sur 4 étapes, en cliquant sur suivant ,on peut retourner à l'arrière en cliquant sur précédent.

Menu rotatif

Un menu rotatif, quand je clique sur le menu burger, le contenu principal remonte d'une façon oblique vers le haut laissant apparaitre sur le coté gauche les élèments du menu.

effet flou chargement sur image

un effet de flou sur une image, qui s'éclaircit progressivement de 0 à 100% .

scroll animation

une animation se cree quand je scroll,des cartes qui s'affiche progressivement à gauche et à droite quand je descend, et quand je remonte ça disparait.

Split page

Quand je passe le curseur sur une voiture la partie concernée occupe la larguer de l'écran,quand le curseur quitte la zone la largeur diminue.

Musique

Quand je clique sur le nom de l'instrument, j'écoute de la musique spécifique à cet instrument, je peux changer de musique juste en cliquant sur le button qui correspond .

API joke

Utilisation de l'API 'Dad joke' , avec javascript l'utilisation des promesses pour relier l'application avec l'Api et génerer automatiquement des jokes quand je clique sur le boutton.

.

keyCode générateur

Une application qui permet d'avoir le key code de chaque touche.

FAQ

Une interface dynamique pour avoir un affichage interactif de la partie FAQ.

Random choice

Une interface dynamique , qui permet de choisir aléatoirement parmis une séléction, de mots qui sont entrés dans l'input du text area.

Objectif boir 2L d'eau

objectif boir 2L d'eau, clique sur les petits verres, pour remplir le grand verre .

Montre

Montre avec affichage du jour et du mois ,changement de mode (dark et light) .

Drag & drop

Tirez et placer l'image à la place souhaitée, ce pen peut être utile dans des projets de jeux .

Application de dessin

Dessiner dans cette application on utilisant un pinceau, vous pouvez choisir la taille et la couleur .

Loading

Mettre une animation pendant que votre page se charge .

Modern Card

Une carte avec design moderne.

Slider panoramique

Je change verticalement les sliders, en cliquant sur les flêches haut et bas

Notifications

Je clique sur le boutton de notifications, pour générer des notif avec différents couleurs

GitHub REST API.

Je cherche un username Github, des informations sur le profile s'afficheront, utilisation de l'api Github et la bibliothèque Axios pour gérer les promesses

Liked Photo

Quand je double clique sur l'image un coeur s'affiche sur l'image, et un ompteur de like s'incrémente

Effet auto écriture

un effet d'auto écriture, avec un controleur de vitesse

Générateur de mot de passe

générer un mot de passes selon les paramètres choisis

Check-box

choisir parmis trois options à l'aide d'un check-box animé qui utilise une logique

Notes

ajouter des notes en cliquant sur le bouton, pour ajouter des nouvelles post-it; vous pouvez enrigistrer vos notes grâce au localstorage, vous pouvez les supprimer, et en option vous pouvez utiliser le MarkDown pour écrire

1..2..3 Partez

animation d'un chronométre, 123 partez, vous pouvez rejouer l'animation en cliquant sur rejouer

carousel

dispaore d'image qui change automatiquement, je peux aussi cliquer sur suivant ou précédent pour avancer ou reculer le carousel

HoverAnimation

quand je passe mon curseur un random de couleur se déclanche sur les carreaux

Pokemon Application

utilisation de l'api pokemons pour afficher des cards pokemons avec les informations du pokémons la couleur du background change en fonction du type de poki

Mobile nav tab

navigation Mobile tab, quand je clique sur l'icone l'image change

password blur image

En fonction de la longeur du mot de passes, l'image du backGround s'éclaircit

Image 3D

Image 3D en cubes avec animation